<template>
	<view class="detailsBox">
		<view class="detailsNav">
			<view class="staBox" :class="status==0?'staBoxa':status==1?'staBox':status==2?'staBoxb':''">
				{{status==0?'已审核':status==1?'未审核':status==2?'拒绝':''}}
			</view>
			<image v-if="status==1" src="/static/pages/index/modifyImg.png" class="modifyImg" mode=""></image>
		</view>
		<!-- 详情区 -->
		<view class="detailsContent">
			<view class="detislNa">
				<view class="na">
					姓名：
				</view>
				<view class="naC">
					陈诚
				</view>
			</view>
		
		
			<view class="detislNa">
				<view class="na">
					电话：
				</view>
				<view class="naC">
					15832641126
				</view>
			</view>
			
			<view class="detislNaa">
				<view class="na">
					购买车型：
				</view>
				<view class="naC">
					长安汽车
				</view>
			</view>
			<view class="detislNas">
				<view class="na">
					备注：
				</view>
				<view class="naC">
					80%成交率是的是的是的是的啊啊是领导卡加速度快拉时间段爱上了的框架阿萨德路卡时间段克拉岛按时来打卡见识到了卡时间段
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status:'',//状态
			};
		},
		onLoad(option) {
			// console.log(option)
			this.status=option.status
		},
		onShow() {
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #FFFFFF;
	}
.detailsBox{
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 40rpx;
	overflow: hidden;
	.detailsNav{
		width: 100%;
		display: flex;
		justify-content: space-between;
		height: 120rpx;
		
		.staBox{
			width: 120rpx;
			height: 50rpx;
			background: #F69518;
			border-radius: 0rpx 25rpx 0rpx 25rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #F5F5F5;
			line-height: 50rpx;
			text-align: center;
			margin: 35rpx 0 0 40rpx;
		}
		.staBoxa{
			width: 120rpx;
			height: 50rpx;
			background: #1855F6;
			border-radius: 0rpx 25rpx 0rpx 25rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #F5F5F5;
			line-height: 50rpx;
			text-align: center;
			margin: 35rpx 0 0 40rpx;
		}
		.staBoxb{
			width: 120rpx;
			height: 50rpx;
			background: #f61861;
			border-radius: 0rpx 25rpx 0rpx 25rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #F5F5F5;
			line-height: 50rpx;
			text-align: center;
			margin: 35rpx 0 0 40rpx;
		}
		.modifyImg{
			width: 48rpx;
			height: 48rpx;
			margin-right: 40rpx;
			margin-top: 36rpx;
		}
	}
	.detailsContent{
		width: 100%;
		overflow: hidden;
		.detislNa{
			display: flex;
			margin-top: 60rpx;
			.na{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 40rpx;
			}
			.naC{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 186rpx;
			}
		}
		.detislNaa{
			display: flex;
			margin-top: 60rpx;
			.na{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 40rpx;
			}
			.naC{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 113rpx;
			}
		}
		.detislNas{
			display: flex;
			margin-top: 60rpx;
			.na{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 40rpx;
			}
			.naC{
				width: 394rpx;
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 186rpx;
				word-wrap:break-word;
				line-height: 55rpx;
			}
		}
	}
}
</style>
